
.cart_bar{
    width: 100vw;
    height: 1.28rem;
    background-color: #141d27;
    opacity: .98;
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    z-index: 1;
}
.cart_left {
  height: 1.2667rem;
  display: flex;
  align-items: center;
  /* position: relative; */
}

.cart_left .circle{
    width: 1.4933rem;
    height: 1.4933rem;
    margin-left: .32rem;
    margin-bottom: .0533rem;
    background-color: #141d27;
    border-radius: 50%;
}

.cart_left .circle .car_icon{
    width: 1.1733rem;
    height: 1.1733rem;
    margin: .16rem;
    background-color: rgba(140, 140, 140, .2);
    border-radius: 50%;
    text-align: center;
    line-height: 1.1733rem;
    font-size: .64rem;
    color: rgba(255, 255, 255, .4);
}
.active{
    background-color: #00a0dc;
}
.totalPrice{
    /* width: ; */
    height: .64rem;
    
    font-size: .4267rem;
    font-weight: 700;
    color: rgba(255, 255, 255, .4);
    line-height: .64rem;
    border-right: 1px solid rgba(255, 255, 255, .1);
}
.totalPrice span{
    margin: .32rem ;
}
.postageFee{
    height: .64rem;
    font-size: .2933rem;
    /* font-weight: 700; */
    color: rgba(255, 255, 255, .4);
    line-height: .64rem;
}
.postageFee span{
    margin: .32rem ;
}
.cart_right{
    width: 2.8rem;
    height: 1.28rem;
    margin-left: auto;
    background-color: rgba(140, 140, 140, .2);
}
.postageBase{
    height: .64rem;
    width: 2.3733rem;
    margin: .32rem .2133rem .32rem .2133rem;
    font-size: .2933rem;
    font-weight: 700;
    color: rgba(255, 255, 255, .4);
    line-height: .64rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart_container{
    width: 100vw;
    height: 100vh;
    background-color: rgba(7, 17, 27, .6);
    backdrop-filter: blur(.1333rem);
    position: absolute;
    bottom: 0;

}
.cart_content{
    width: 100vw;
    height: 8.1467rem;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
}
.cart_contentHeader{
    width: 10rem;
    height: 1.0667rem;
    padding: 0 .48rem 0 .48rem;
    box-sizing: border-box;
    background-color: #f3f5f7;
    border-bottom: .0133rem solid rgba(7, 17, 27, .1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cart_contentHeader .cartName{
    font-size: .3733rem;
    font-weight: 200;
    color: rgb(7, 17, 27);
    line-height: 1.0667rem;
}
.cart_contentHeader .clearCart{
    font-size: .32rem;
    /* font-weight: 200; */
    color: rgb(0, 160, 220);
    line-height: 1.0667rem;
}

.cart_contentBody{
    width: 10rem;
    height: 7.0667rem;
    padding: 0 .48rem 0 .48rem;
    box-sizing: border-box;
}
.cart_contentBody ul{
    height: 5.12rem;
    overflow-y: auto;
    list-style: none;
}
.cart_contentBody ul li{
    height: 1.2667rem;
    border-bottom: .0133rem solid rgba(7, 17, 27, .1);
    padding: .32rem 0 .32rem 0;
    box-sizing: border-box;
    display: flex;
}
.list_title{
    font-size: .3733rem;
    color: rgb(7, 17, 27);
    line-height: .64rem;
}
.list_price{
    margin-left: auto;
    padding: 0 .48rem 0 .32rem;
    font-size: .3733rem;
    font-weight: 700;
    color: rgb(240, 20, 20);
    line-height: .64rem;
}
.list_count{
    /* margin-left: auto; */
    font-size: .3733rem;
    color: rgb(7, 17, 27);
    line-height: .64rem;
    display: flex;
    align-items: center;
}
.list_sub{
    font-size: .64rem;
    color: #00a0dc;
    line-height: .64rem;
}
.list_add{
    font-size: .64rem;
    color: #00a0dc;
    line-height: .64rem;
}
.list_num{
    display: inline-block;
    width: .64rem;
    font-size: .2667rem;
    line-height: .64rem;
    color: rgb(147, 153, 159);
    text-align: center;
}
